<template>
  <div>
    <p class="fontStyle" v-if="order.thisType === 3">待支付</p>
    <p class="fontStyle" v-if="order.thisType === 4">交易完成</p>
    <p class="fontStyle" v-if="order.thisType === 5">交易关闭</p>
    <p class="fontStyle" v-if="order.thisType === 6">退款中</p>
    <p class="fontStyle" v-if="order.thisType === 7">退款成功</p>
    <p class="subGrey marBotSmall">订单编号：{{ order.No }}</p>
    <p class="subGrey">创建时间：{{ order.createTime }}</p>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    props: [],
    data () {
      return {
        order: {
          thisType: this.$store.state.tranStore.order.orderState,
          No: this.$store.state.tranStore.order.No,
          createTime: this.$store.state.tranStore.order.createTime,
        }
      }
    }
  }
</script>
<style lang="less"></style>